<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>回溯管理</title>
    <meta name="description" content="回溯管理平台">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../../assets/img/main/liantongLOGO.jpg">
    <link rel="apple-touch-icon-precomposed" href="../../assets/libs/amazeui/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/app.css?v2017010301">
    <link rel="stylesheet" href="../../assets/css/core.css?v2017010301">
    <style>
    .rrweb-toast {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(55, 55, 55, 0.2);
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        width: 100%;
        height: 100%;
        border-radius: 50px;
    }
    .am-modal-dialog img{
        width: 100%;
        height:100%;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 1
    }
    .rrweb-toast_count {
        width: 100%;
        background: #ffffff;
        border-radius: 15px;
        margin: 0 50px;
    }
    .rrweb-toast_header, .rrweb-toast_footer {
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
    }
    .rrweb-toast_body {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 20px;
    }
    .rrweb-toast_agree {
        text-align: center;
        color: #fc5c5c;
        font-size: 13px;
        padding: 0 15px;
    }
    .rrweb-toast_footer {
        color: #1989fa;
    }
    .rrweb-toast_agree span {
        vertical-align: middle;
        position: relative;
        display: inline-block;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        border: 1px solid #fc5c5c;
        box-sizing: border-box;
        margin-right: 5px;
    }
    .rrweb-toast_agree span.active::after {
        position: absolute;
        content:"";
        width: 8px;
        height: 8px;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        background-color: #fc5c5c;
    }
    .bordernone {
		border: none !important;
	}
	.borderbottom {
		border-bottom: 1px solid #E6E6E6 !important;
	}
	.am-btn-default {
		background-color: #fff !important;
	}
	.margin1 {
		margin-bottom: 20px;
	}
	thead {
		background-color: #F4F4F4;
	}
	.am-table>thead>tr>th {
		border: none;
	}
	td {
		border: none !important;
	}
	.am-table-striped>tbody>tr:nth-child(odd)>td {
		background-color: #fff;
	}
	.am-table-striped>tbody>tr:nth-child(even)>td {
		background-color: #FBFBFB;
	}
	.am-btn.am-radius {
		border-radius: 5px !important;
	}
	.am-btn-primary {
		background-color: #1890FF !important;
	}
    </style>
</head>

<body data-type="index" page-text="回溯管理" style="overflow: hidden">
    <!--
			Conductor:Kangmengmeng
			Author:Zhangzhihao
			Time:2016.12.06 11:00
		-->
    <div class="am-g tpl-g" id="main" v-cloak>
        <!-- 内容区域 -->
        <div class="tpl-content-wrapper content-margin-left">
            <!-- TODO 内容显示区域 -->
            <div class="row-content am-cf">
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                           
                            <div class="widget-body am-fr widget-search">
                                <form class="am-form tpl-form-border-form tpl-form-border-br">
                                    <div class="am-u-sm-12 am-u-sm-12 am-u-sm-12 del-padding " style="padding-bottom:2%">
                                        <div class=" am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3  borderbottom">
                                            <label class="am-form-label am-u-sm-4 am-u-md-6 am-u-lg-5 am-u-md-pull-2 am-u-lg-pull-2">产品编码:<span style="color:red">*</span></label>

                                            <div class="am-u-sm-6 am-u-md-6 am-u-lg-7  am-u-sm-pull-2">
                                                <input type="text" v-model='productCode' :disabled='disableShow&&disableShow1' class="tpl-form-input bordernone" placeholder="请输入">

                                            </div>
                                        </div>
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3 am-u-md-push-1 am-u-lg-push-1 borderbottom">
                                            <label class="am-form-label am-u-sm-4 am-u-md-6 am-u-lg-5 am-u-md-pull-2 am-u-lg-pull-2">产品名称:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-6 am-u-md-6 am-u-lg-7 am-u-sm-pull-2 am-u-lg-pull-2">
                                                <input type="text" v-model='productName' :disabled='disableShow&&disableShow1' class="tpl-form-input bordernone" placeholder="请输入">
                                            </div>
                                        </div>
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3 am-u-md-pull-7 am-u-lg-pull-1 borderbottom">
                                            <label class="am-form-label am-u-sm-5 am-u-md-6 am-u-lg-5 am-u-sm-pull-1 am-u-md-pull-2 am-u-lg-pull-2">版本号:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-7 am-u-md-6 am-u-lg-6 am-u-lg-pull-2 am-u-md-pull-2 am-u-sm-pull-1">
                                                <input type="text" v-model='tipVersion' :disabled='disableShow&&disableShow1' class="tpl-form-input bordernone " placeholder="请输入">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="am-u-sm-12 am-u-sm-12 am-u-sm-12 del-padding " style="padding-bottom:2%">
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3  borderbottom">
                                            <label class="am-form-label am-u-sm-4 am-u-md-6 am-u-lg-6 am-u-md-pull-2 am-u-lg-pull-2">提示语key键:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6  am-u-sm-pull-2">
                                                <input type="text" v-model='tipCode' :disabled='disableShow&&disableShow1' class="tpl-form-input bordernone" placeholder="请输入">
                                            </div>
                                        </div>
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3 am-u-md-push-1 am-u-lg-push-1 borderbottom ">
                                            <label class="am-form-label am-u-sm-4 am-u-md-6 am-u-lg-5 am-u-md-pull-2 am-u-lg-pull-2">业务场景:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-6 am-u-md-6 am-u-lg-7 am-u-sm-pull-2 am-u-lg-pull-2">
                                                <input type="text" v-model='businessCode' :disabled='disableShow' class="tpl-form-input bordernone" placeholder="请输入">
                                            </div>
                                        </div>
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3 am-u-md-pull-7 am-u-lg-pull-1 borderbottom ">
                                            <label class="am-form-label am-u-sm-5 am-u-md-6 am-u-lg-5 am-u-sm-pull-1 am-u-md-pull-2 am-u-lg-pull-2">提示模板:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-6 am-u-md-4 am-u-lg-5 am-u-sm-pull-1 am-u-md-pull-2 am-u-lg-pull-1">
                                                <select  v-model='tipMode' :disabled='disableShow' class="bordernone">
                                                    <option value="">请选择</option>
                                                    <option value="文本">文本</option>
                                                    <option value="html">html</option>
                                                    <option value="url">url</option>
                                                </select>
                                                <!-- <input type="text" v-model='tipMode' :disabled='disableShow' class="tpl-form-input" placeholder="请输入业务场景"> -->
                                            </div>
                                            <div class="am-u-sm-1 am-u-sm-pull-5 am-u-md-1 am-u-md-pull-4 am-u-lg-1  am-u-lg-pull-4">
                                                <span class="am-icon-sort-desc"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 del-padding" style="padding-bottom:2%">
                                        <div class="am-form-group am-form-group-sm am-u-sm-12 am-u-md-5 am-u-lg-3 borderbottom">
                                            <label class="am-form-label am-u-sm-5 am-u-md-6 am-u-lg-7 am-u-sm-pull-1 am-u-md-pull-2 am-u-lg-pull-4">提示信息:<span style="color:red">*</span></label>
                                            <div class="am-u-sm-6 am-u-md-6 am-u-lg-5 am-u-sm-pull-2  am-u-lg-pull-3 am-u-md-pull-2">
                                                <textarea class="bordernone"  rows="3" v-model='tipMessage' placeholder="请输入" :disabled='disableShow' id="doc-ta-1" style="width: 150px;
                                                height: 33px;"></textarea>
                                                <!-- <input type="text" v-model='tipMessage' :disabled='disableShow' class="tpl-form-input" placeholder="请输入提示信息"> -->
                                            </div>  
                                        </div>
                                        <div class="am-form-group am-u-sm-12 am-u-md-6 am-u-lg-7 am-u-sm-push-2 am-u-md-push-2 am-u-lg-push-3">
                                            <!-- <div class="am-u-sm-6  am-u-md-6  am-u-lg-6 " style="width:40%;"> -->
                                                <button id="keep" type="button" class="am-btn am-radius am-btn-primary tpl-btn-bg-color-success am-btn-xs" @click="submit_add()" >
												<span class="am-icon-search"></span>&nbsp;提交
											    </button>
                                            <!-- </div> -->
                                            <!-- <div class="am-u-sm-6  am-u-md-6  am-u-lg-6 " style="width:10%;"> -->
                                                <button id="keep" type="button" class="am-btn am-radius am-btn-primary tpl-btn-bg-color-success am-btn-xs" @click="phoneBox()" >
												<span class="am-icon-search"></span>&nbsp;手机演示
											    </button>
                                            <!-- </div> -->
                                            <!-- <div class="am-u-sm-6 am-u-md-6 am-u-lg-6" style="float:left;"> -->
                                                <button type="button" class="am-btn am-radius am-btn-default tpl-btn-bg-color-success am-btn-xs" @click="backTo()" >
												<span class="am-icon-reply"></span>&nbsp;返回
											    </button>
                                            <!-- </div> -->
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">提示</div>
                <div class="am-modal-bd" style="height:60px;">
                    {{tips}}
                </div>
                <div class="am-modal-footer">
                    <!-- <span  class="am-modal-btn" @click="confirmBtn">确定</span> -->
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>
        <!-- 手机演示框 -->
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
            <div class="am-modal-dialog" style="width:370px;border-radius:50px;">
                <img src="../../assets/img/main/timg.png" alt="">
                <!-- <div class="am-modal-hd">手机演示框</div> -->
                <div class="am-modal-bd" style="height:670px;border-radius:50px;">
                    <div class="rrweb-toast" v-show="phoneBoxShow">
                        <div class="rrweb-toast_count">
                            <div class="rrweb-toast_header">请您确认</div>
                            <div class="rrweb-toast_body">{{tipMessage}}</div>
                            <div class="rrweb-toast_agree">
                                <span></span>"本人已阅读以上提示信息，知晓并同意其含义"
                            </div>
                            <div class="rrweb-toast_footer" id="toast_submit" @click="toastSbClick()">确认</div>
                        </div>
                    </div>
                </div>
                <!-- <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div> -->
            </div>
        </div>
    </div>
    <script src="../../assets/js/util/crypto-js.min.js"></script>
    <script src="../../assets/js/util/Aes.js"></script>
    <script src="../../assets/libs/amazeui/js/jquery.min.js"></script>
    <script src="../../assets/libs/vue/vue.min.js"></script>
    <script src="../../assets/libs/amazeui/js/theme.js"></script>
    <script src="../../assets/libs/amazeui/js/amazeui.min.js"></script>
    <script src="../../assets/libs/amazeui/js/amazeui.datatables.min.js"></script>
    <script src="../../assets/libs/amazeui/js/dataTables.responsive.min.js"></script>
    <script src="../../assets/js/laydate-v1.1/laydate/laydate.js"></script>
    <script src="../../assets/js/util/inner.js?v2017010301"></script>
    <script src="../../assets/js/util/pagination.js?v2017010301"></script>
    <script src="../../assets/env.js?v2017010301"></script>
    <script src="../../assets/js/util/common.js?v2017010301"></script>
    <script src="../../assets/libs/axios.min.js"></script>
    <script charset="UTF-8" src="../../assets/js/biz/sys/track/promptadd.js"></script>
    <script>
        document.querySelector('.rrweb-toast_agree span').addEventListener('click',agreeClick,false);
        function agreeClick(e){
            if (document.querySelector('.rrweb-toast_agree span').className == 'active') {
                document.querySelector('.rrweb-toast_agree span').className = '';
            } else {
                document.querySelector('.rrweb-toast_agree span').className = 'active';
            }
        }
        
    </script>
</body>

</html>